'use client';

// import { LanguageSwitcher } from './LanguageSwitcher';

export function BottomControls() {
  const tgUrl = 'https://x.com/C4Pad_Fun_X';
  const whitepaperUrl = 'https://docs.google.com/document/d/1lrOnhist8TUFNGcEMsBHszC8P24g5z-yeFYRTFF5W2w/mobilebasic';

  return (
    <div className="fixed bottom-4 right-4 z-[80]">


      <div className="flex items-center gap-3 px-3 py-2">
        <a
          href={tgUrl}
          target="_blank"
          rel="noopener noreferrer"
          className=" flex items-center gap-2"
          aria-label="x"
        >
          {/* X (Twitter) SVG */}
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0,0,256,256" width="14" height="14" aria-hidden="true">
            <g fill="#646464" stroke="none">
              <g transform="scale(10.66667,10.66667)">
                <path d="M2.36719,3l7.0957,10.14063l-6.72266,7.85938h2.64063l5.26367,-6.16992l4.31641,6.16992h6.91016l-7.42187,-10.625l6.29102,-7.375h-2.59961l-4.86914,5.6875l-3.97266,-5.6875zM6.20703,5h2.04883l9.77734,14h-2.03125z"></path>
              </g>
            </g>
          </svg>
         </a>
        <a
          href={whitepaperUrl}
          target="_blank"
          rel="noopener noreferrer"
          className=" flex items-center gap-2"
          aria-label="Whitepaper"
        >
          {/* Document/Whitepaper SVG */}
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="14" height="14" aria-hidden="true">
            <g fill="#646464" stroke="none">
              <path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z"/>
            </g>
          </svg>
         </a>
        {/* <LanguageSwitcher /> */}
      </div>
    </div>
  );
}
